<template>
	<view class="Global">
		<!-- <image class="imagepage" src="/static/background@2x.png" mode=""></image> -->
		<bgImage></bgImage>
		<MyNav :title="title" bgColor="" :backIcon="isback"></MyNav>



		<scroll-view scroll-y="true" :style="'height:'+scrollViewHeight+'px'">
			<view class="Content">

				<rich-text>今天上班未打卡，是不是忘记打卡了？

					注意：
					员工漏打卡罚款的适用情况包括以下几种：
					1. 员工因个人原因漏打卡；
					2. 员工因工作需要临时变更打卡时间，已与管理人员协商一致；
					3. 员工在规定时间内补签卡，但未按照规定流程操作。

					备注：
					1、漏打卡无法确定当天是否上班的，按旷工处理;
					2、漏打卡无法确定是否迟到的，按迟到处理。</rich-text>



				<view class="loginContent">

					<button @click="loginClick()" style="color:#ffffff" class="login" type="default">{{login}}</button>
				</view>
			</view>
		</scroll-view>


	</view>
</template>

<script>
	import MyNav from '@/components/customnavbar.vue'
	import bgImage from '@/components/backgroundImage.vue'

	export default {
		components: {
			MyNav,
			bgImage
		},
		data() {
			return {
				login: '去补卡',

				title: '消息详情',

				isback: true,

				scrollViewHeight: 0,


			}
		},
		onLoad() {
			// 在其他页面或组件中访问
			const app = getApp();
			this.scrollViewHeight = app.globalData.scrollViewHeight2
		},
		methods: {

		}
	}
</script>

<style>
	.Content {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.loginContent {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;



	}

	.login {
		display: flex;
		justify-content: center;

		width: 630rpx;
		height: 100rpx;

		border-radius: 30rpx;
		font-weight: 400;
		font-size: 36rpx;
		color: #FFFFFF;
		text-align: center;
		font-weight: bold;
		margin-top: 30rpx;

		margin-bottom: 30rpx;



		background: linear-gradient(90deg, #45A8FF, #0AE1C6);

	}
</style>